<select
  class="btn btn-sm my-1"
  [ngClass]="longVersion ? 'btn-secondary' : ''"
  (change)="switchLanguageService.setLanguage($event)"
  [value]="switchLanguageService.currentLanguage"
>
  <option value="en">
    🇬🇧
    @if (longVersion) {
      <span>&nbsp;{{ 'LANGUAGES.ENGLISH' | translate }}</span>
    }
  </option>
  <optgroup label="Beta">
    <option value="es">
      🇪🇸
      @if (longVersion) {
        <span>&nbsp;{{ 'LANGUAGES.SPANISH' | translate }}</span>
      }
    </option>
    <option value="ru">
      🇷🇺
      @if (longVersion) {
        <span>&nbsp;{{ 'LANGUAGES.RUSSIAN' | translate }}</span>
      }
    </option>
    <option value="zh">
      🇨🇳
      @if (longVersion) {
        <span>&nbsp;{{ 'LANGUAGES.CHINESE' | translate }}</span>
      }
    </option>
    <!-- <option value="it">
🇮🇹 <span *ngIf="longVersion">&nbsp;{{ 'LANGUAGES.ITALIAN' | translate }}</span>
</option> -->
    <option value="fr">
      🇫🇷
      @if (longVersion) {
        <span>&nbsp;{{ 'LANGUAGES.FRENCH' | translate }}</span>
      }
    </option>
    <!-- <option value="el">
🇬🇷 <span *ngIf="longVersion">&nbsp;{{ 'LANGUAGES.GREEK' | translate }}</span>
</option> -->
    <option value="sv">
      🇸🇪
      @if (longVersion) {
        <span>&nbsp;{{ 'LANGUAGES.SWEDEN' | translate }}</span>
      }
    </option>
    <!-- <option value="nl">
🇳🇱 <span *ngIf="longVersion">&nbsp;{{ 'LANGUAGES.DUTCH' | translate }}</span>
</option>
<option value="de">
  🇩🇪 <span *ngIf="longVersion">&nbsp;{{ 'LANGUAGES.GERMAN' | translate }}</span>
</option>
<option value="pl">
  🇵🇱 <span *ngIf="longVersion">&nbsp;{{ 'LANGUAGES.POLISH' | translate }}</span>
</option>
-->
    <option value="pt">
      🇵🇹
      @if (longVersion) {
        <span>&nbsp;{{ 'LANGUAGES.PORTUGUESE' | translate }}</span>
      }
    </option>
    <!--
<option value="ko">
  🇰🇷 <span *ngIf="longVersion">&nbsp;{{ 'LANGUAGES.KOREAN' | translate }}</span>
</option>
<option value="ro">
  🇷🇴 <span *ngIf="longVersion">&nbsp;{{ 'LANGUAGES.ROMANIAN' | translate }}</span>
</option>
<option value="sk">
  🇸🇰 <span *ngIf="longVersion">&nbsp;{{ 'LANGUAGES.SLOVAK' | translate }}</span>
</option> -->
  </optgroup>
</select>
